
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <body>
    
<div class="archive_info">
<h1>JavaScript <span class="color_h1">教程</span>
</h1>
<div class="tutintro">
<img decoding="async" src="https://www.runoob.com/wp-content/uploads/2013/07/js-logo.png"/>
<p>JavaScript 是 Web 的编程语言。</p>
<p>所有现代的 HTML 页面都可以使用 JavaScript。</p>
<p>JavaScript 非常容易学。</p>
<p>本教程将教你学习从初级到高级 JavaScript 知识。</p>
</div>
<h2 class="tutheader">JavaScript 在线实例</h2>
<p>本教程包含了大量的 JavaScript 实例， 您可以点击 "尝试一下" 来在线查看实例。</p>
<div class="example">
<h2 class="example_head">实例</h2>
<div class="example_result">
<script>
function displayDate()
{
    document.getElementById("demo").innerHTML=Date();
}
</script>
<h2>我的第一个 JavaScript 程序</h2>
<p id="demo">这是一个段落</p>
<button onclick="displayDate()" type="button">显示日期</button>
<br/><br/>
</div>
<br/><a class="tryitbtn"  rel="noopener noreferrer" target="_blank">尝试一下 »</a>
</div>
<p>在每个页面您可以点击 "尝试一下" 在线查看实例！！！</p>
<p>尝试每个实例，并且在线修改代码，查看不同的运行效果！！！</p>
<table class="lamp"><tbody><tr>
<th style="width:34px"><img alt="Note" decoding="async" src="/images/lamp.jpg" style="height:32px;width:32px"/></th>
<td>如果能根据本站的实例一步一个脚印学习，你将会在很短的时间内学会 JavaScript。 </td>
</tr></tbody></table>
<br/>
<h2 class="tutheader">为什么学习 JavaScript?</h2>
<p>JavaScript 是 web 开发人员必须学习的 3 门语言中的一门：</p>
<ol>
<li><strong>HTML</strong> 定义了网页的内容</li>
<li><strong>CSS</strong> 描述了网页的布局</li>
<li><strong>JavaScript</strong> 控制了网页的行为</li>
</ol>
<p>本教程是关于 JavaScript 及介绍 JavaScript 如何与 HTML 和 CSS 一起工作。</p>
<br/><h2 class="tutheader">谁适合阅读本教程?</h2>
<p>1. 如果您想学习 JavaScript，您可以学习本教程：</p>
<p>了解 JavaScript 是如何与 HTML 和 CSS 一起工作的。</p>
<p>2. 如果在此之前您已经使用过 JavaScript，您也可以阅读本教程：</p>
<p>JavaScript 一直在升级，所以我们需要时刻了解 JavaScript 的新技术。</p>
<br/><h2 class="tutheader">阅读本教程前，您需要了解的知识：</h2>
<p>阅读本教程，您需要有以下基础：</p>
<ul>
<ul>
<li><a  rel="noopener noreferrer" target="_blank">HTML 教程</a></li>
<li><a  rel="noopener noreferrer" target="_blank">CSS 教程</a></li>
</ul>
</ul>
<br/><h2 class="tutheader">JavaScript 实例</h2>
<p>学习 100 多个 JavaScript 实例！</p>
<p>在实例页面中，您可以点击 "尝试一下" 来查看 JavaScript 在线实例。</p>
<ul>
<li><a >JavaScript 实例</a></li>
<li><a >JavaScript 对象实例</a></li>
<li><a >JavaScript 浏览器支持实例</a></li>
<li><a >JavaScript HTML DOM 实例</a></li>
</ul>
<br/><h2 class="tutheader">JavaScript 测验</h2>
<p>在菜鸟教程中测试您的 JavaScript 技能！</p>
<p><a  rel="noopener" target="_blank">JavaScript 测验</a></p>
<br/><h2 class="tutheader">JavaScript 参考手册</h2>
<p>在菜鸟教程中，我们为您提供完整的 JavaScript 对象、浏览器对象、HTML DOM 对象参考手册。</p>
<p>以下手册包含了每个对象、属性、方法的实例。</p>
<ul>
<li><a >JavaScript 内置对象</a></li>
<li><a >Browser 对象</a></li>
<li><a >HTML DOM 对象</a></li>
</ul><h2 class="tutheader">HTML/CSS/JS 在线工具</h2>
<p>HTML/CSS/JS 在线工具可以在线编辑 HTML、CSS、JS 代码，并实时查看效果，你也可以将优质代码保存分享：<a  rel="noopener noreferrer" target="_blank">https://c.runoob.com/front-end/61</a></p> <div class="scroll-top"><a >返回顶部</a></div>
</div>

    </body>
    </html>
    